草庐IT

HTML 输入元素比 Containing Div 宽

全部标签

javascript - 读取 HTML 对象标签中的数据

我在服务器上存储了一个文本文件和一个HTML格式的对象,如下所示:如何在Javascript中读取test.txt的内容?到目前为止我所拥有的是:vardata=document.getElementByID("data");但我不知道如何读取对象标签内的HTML文档。 最佳答案 object标签必须向服务器发出单独的请求,然后加载该内容。同时,您的JavaScript已经执行并“错过了公交车”。在object的onload事件中运行您的代码。然后使用.contentDocument.body.childNodes[0].inner

javascript - 使用javascript匹配字符串中数组的元素之一

我正在尝试创建一个函数,如果在另一个字符串中找到至少一个字符串数组的元素,该函数将返回true。functionfindInString(str){varfruits=["orange","banana","grape"];for(vari=0;i-1){returntrue;}}returnfalse;}vara=findInString("Iloveorangejuice.");//=>returnstruevarb=findInString("Idon'tlikepeach.");//=>returnsfalse这个函数可以解决问题,但我确信可能有一些数组或字符串方法可以执行相同

javascript - 如何将两个输入 channel 连接到 ScriptProcessorNode? (网络音频 API,JavaScript)

我正在尝试实现一个具有两个输入channel和一个输出channel的ScriptProcessorNode。varsource=newArray(2);source[0]=context.createBufferSource();source[0].buffer=buffer[0];source[1]=context.createBufferSource();source[1].buffer=buffer[1];vartest=context.createScriptProcessor(4096,2,1);source[0].connect(test,0,0);source[1].c

javascript - 在 MediaSource HTML5 中播放 MediaRecorder block ——视频卡住

我有这个简单的代码来获取视频流block并在MediaSource中播放它们。我看到视频,但有时它会停止。它可能会工作几秒钟或几分钟。但最后它在某个时刻停止了。chrome://media-internals/显示没有错误。这里有什么问题吗?navigator.getUserMedia=navigator.getUserMedia||navigator.webkitGetUserMedia||navigator.mozGetUserMedia||navigator.msGetUserMedia;varmediaSource=newMediaSource();varconstraints

javascript - 从 react 组件中的html文件中的脚本标签访问变量

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭6年前。Improvethisquestion我最近才开始研究javascript和React.js。目前我的main.html文件中有一些脚本标签,我需要能够从我的React.js组件中的这些标签访问一些变量。有办法做到这一点吗?

javascript - React-router 不通过输入 onBlur 事件更改路由

我正在为一个应用程序使用React、Redux和ReactRouter,但在使用onBlur输入事件和路由更改时遇到了问题。我有一个显示内部链接列表的“SearchResults”组件。SearchResults仅在状态searchActive为真时显示。{props.searchActive?:props.children}SearchResults有一个循环呈现的链接列表...{r.name}搜索输入(另一个独立组件)在onFocus事件和期间将searchActive设置为true对于onBlur事件为false。{//dispatchReduxaction(set"search

javascript - 在函数中动态添加新元素

我编写了一个函数,可以围绕一个主要对象旋转对象,例如行星如何围绕太阳旋转。我正在尝试通过简单的点击按钮在我的小太阳系中动态添加新行星。它们都是SVG元素。我无法弄清楚如何使用rotation(coorX,coorY,object)函数动态生成围绕太阳旋转的新元素。它们都需要动态命名和动态定位,这对我来说太难了。为了实现这一目标,我的代码应该是什么样子?预先感谢您提供任何帮助/提示。这是我的代码:varobjectX="black";functionaddObject(){objectX="blue";}functionrotation(coorX,coorY,object){ obje

Javascript document.getElementsByClassName 不返回所有元素

这个问题在这里已经有了答案:Howtochangeclassforallelementsretrievedbydocument.getElementsByClassName(3个答案)关闭6年前。我有以下javascript代码(纯js,没有库),但是当它运行时它只返回一个元素而不是两个functionchangeButtonStyles(){varactualButtons=document.getElementsByClassName("read-more");for(vari=0;i它应该从页面返回两个元素,这样我就可以同时修改它们,但它只返回一个,或者循环只迭代一个。这是为什么

javascript - pjax 成功后仅通过单击特定输入显示消息

我有一个表单,当对任何radioinput进行任何更改时提交。在表单中,我有两个不同的radio组。我正在尝试在pjax:start上的#message上输出一条消息,当来自group2的任何radio时>被触发。这是我的简单方法:$('input[name="group2"]').on('change',function(){$(document).on('pjax:start',function(){$('#message').text('Loading...');});$(document).on('readypjax:success',function(){$('#messag

javascript - 当元素在 DOM 中的位置改变时,是否有可能让 React 移动元素而不是重新创建它?

当元素在DOM中的位置发生变化时,是否有可能让React移动元素而不是重新创建它?假设我正在制作一个包含2个Pane的组件,并且我希望能够隐藏/取消隐藏一个Pane。让我们也想象一下Pane本身很重。在我的例子中,每个Pane都有2000多个元素。在我的实际代码中,当有2个Pane时,我使用了拆分器。为了只显示一个Pane,我需要移除拆分器并将其替换为一个div。下面的代码对此进行了模拟。如果只有一个Pane,它会使用div来包含该Pane。如果有2个Pane,它会使用pre来包含它们。在我的例子中,它是div有1个痛点和一个splitter有2个痛点。因此,检测document.cr